*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:'Inter',sans-serif}body{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#FFFC00;color:#000;text-align:center;padding:2rem;overflow:hidden}main{max-width:600px;z-index:10}.logo{width:80px;height:80px;margin-bottom:1.5rem}h1{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;line-height:1.2;margin-bottom:1rem}p{font-size:clamp(0.9rem,2.5vw,1.1rem);font-weight:400;line-height:1.6;margin-bottom:2rem;opacity:.8}.cta{display:inline-block;background-color:#000;color:#FFF;font-size:1rem;font-weight:700;text-decoration:none;padding:.75rem 1.5rem;border-radius:8px;transition:transform .2s ease,background-color .2s ease}.cta:hover,.cta:focus{transform:translateY(-2px);background-color:#333;outline:2px solid #000;outline-offset:2px}#cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#000;color:#FFF;padding:1rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;z-index:1000;font-size:.875rem;transform:translateY(100%);transition:transform .3s ease-out}#cookie-banner.visible{transform:translateY(0)}#cookie-accept{background:#FFFC00;color:#000;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-family:'Inter',sans-serif;font-weight:700}#cookie-accept:focus{outline:2px solid #FFFC00;outline-offset:1px}